<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.select{ width: 130px; height: 35px; font-size: 16px;}
		</style>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/personal.css" />
		<link rel="stylesheet" type="text/css" href="css/com.css" />
		<script src="js/jquery-1.11.3.js"></script>
		<!--<script src="js/personal.js"></script>-->
		<!--下拉列表三级联动区-->
		<script src="js/jquery-1.7.min.js" type="text/javascript"></script>
		<script src="js/Area.js" type="text/javascript"></script>
		<script src="js/AreaData_min.js" type="text/javascript"></script>
		<!--jQuery自动定位当地天气预报代码-->
		<script src="js/jquery.min.js"></script>
        <script src="js/jquery.leoweather.min.js"></script>
		<script type="text/javascript">
			$(function() {
				initComplexArea('seachprov', 'seachcity', 'seachdistrict', area_array, sub_array, '44', '0', '0');
			});

			//得到地区码
						function getAreaID() {
							var area = 0;
							if($("#seachdistrict").val() != "0") {
								area = $("#seachdistrict").val();
							} else if($("#seachcity").val() != "0") {
								area = $("#seachcity").val();
							} else {
								area = $("#seachprov").val();
							}
							return area;
						}

			function showAreaID() {

				//地区码
				var areaID = getAreaID();
				//地区名
				var areaName = getAreaNamebyID(areaID);
				$("#input1").val("areaName");
				//return true;
				alert("您选择的地区码：" + areaID + "      地区名：" + areaName);
			}

			//根据地区码查询地区名
			function getAreaNamebyID(areaID) {
				var areaName = "";
				if(areaID.length == 2) {
					areaName = area_array[areaID];
				} else if(areaID.length == 4) {
					var index1 = areaID.substring(0, 2);
					areaName = area_array[index1] + " " + sub_array[index1][areaID];
				} else if(areaID.length == 6) {
					var index1 = areaID.substring(0, 2);
					var index2 = areaID.substring(0, 4);
					areaName = area_array[index1] + " " + sub_array[index1][index2] + " " + sub_arr[index2][areaID];
				}
				return areaName;
			}
		</script>
		<style type="text/css">

		</style>

		<!--加载头部模板-->
		<script>
			$(function() {
				$('#header01').load('one_headerfooter.html #header_wrap');
				$('#footer01').load('one_headerfooter.html  #footer_wrap');

			})
		</script>
	</head>

	<body>
		<!--加载头部模板-->
		<div id="header01"></div>
		<!--个人中心加天气预报-->
		<div class="personal">
			<div class="personal-inner">
				<div class="user">
					<div style="float: left; width: 97px; height: 97px; border-radius: 50%; background:url(img/userimg.png) no-repeat; background-size: cover; margin-top: 10px;"></div>
					<div style="float: left; margin-top: 6px; margin-left: 15px;">
						<div style="font-size: 21px; color: #FFFFFF; line-height: 65px;">个人中心</div>
						<div style="font-size: 21px; color: #FFFFFF;">18895731936</div>
					</div>
				</div>

				<div class="demo">
			<script>
				$('.demo').leoweather({
					format: '<i class="icon-{图标}"></i><p>{城市}<span>|</span>{天气}<span>|</span>{气温}℃</p>'
				});
			</script>
		</div>

			</div>
		</div>
		<div class="inner_personal">
			<div class="aa">
				<div id="leftmenu0">
					<li><img src="img/businessman 02.png" /></li>
					<li>
						<a href="dealNote.html">交易记录</a>
					</li>
					<li style="border-bottom: 1px solid #CCCCCC;">
						<a href="noteAdd.html">充值记录</a>
					</li>
					<li><img src="img/businessman 03.png" /></li>
					<li>
						<a href="personMessage.html">账户信息</a>
					</li>
					<li>
						<a href="certificationMessage.html">实名认证</a>
					</li>

					<li style="border-bottom: 1px solid #CCCCCC;">
						<a href="cardManage.html">卡片管理</a>
					</li>
					<li><img src="img/businessman 04.png" /></li>
					<li>
						<a href="cardApplication.html">卡片申请</a>
					</li>
					<li style="border-bottom: 1px solid #CCCCCC;">
						<a>商家入驻申请</a>
					</li>

					<li><img src="img/businessman 05.png" /></li>
					<li>
						<a href="safeTactic.html">安全策略</a>
					</li>
					<li style="border-bottom: 1px solid #CCCCCC;">
						<a href="serviceReminder.html">提醒服务</a>
					</li>

				</div>
				<ul class="li_02">
					<li>常见问题？</li>
					<li>如何入驻聪付？</li>
					<li>忘记支付密码？</li>
					<li>什么是实名认证？</li>
					<li>收不到邮件激活？</li>
					<li>手机充值未到账？</li>
					<li>如何设置安全问题？</li>
				</ul>
			</div>

			<div id="mcont0" class="bb">
				<!--实名认证-->
				<div class="personal_main_innerR04">
					<form>
						<div class="p04_11"><img src="img/p_smrzsmrz.png" /></div>
						<div class="p04_22">实名认证</div>
						<div class="p04_44">
							<div class="p04_441">
								设置身份信息：
								<p>请务必准确填写本人身份信息，如信息不准确或不填写，<br /> 卡片将无法补办及挂失，隐私信息未经本人许可我们将严格保密</p>

							</div>
							<div class="p04_442">真实姓名：<input type="text" style="width: 341px; height: 35px;" /> </div>
							<div class="p04_443">性别：
								<input id="man" type="radio" checked="checked" name="1"  value="男"/>男&nbsp;&nbsp;&nbsp;<input id="woman" type="radio" name="1"  value="女"/>女</div>
							<div class="p04_444"> 身份号码：<input type="text" style="width: 341px; height: 35px;" /></div>
							<div class="p04_445"> 有效期：<input type="text" style="width: 182px; height: 35px;" /> <input type="checkbox" />长期有效</div>

							<div class="ai-item upload-id-img" style="margin-left:268px; position: relative; margin-bottom: 77px;">

								<div class="opposite-img" style="margin-left: 40px;">
									<input type="file" id="img2" name="fm" class="inputFile">
									<label for="img2">
                            
                            	<img src="img/p_smrzs.png" id="preview2">
                        </label>
								</div>
								<p style="display: block;">上传证件照，完成实名认证</p>
								<!--<a style="">上传证件照</a>-->
								<p class="add_ha">上传证件照</p>

							</div>

							<div class="p04_446"> 职业：<input type="text" style="width: 182px; height: 35px;" /> </div>

							<!--下拉列表三级联动区-->
							<select style="margin-left: 197px;" id="seachprov" name="seachprov" onChange="changeComplexProvince(this.value, sub_array, 'seachcity', 'seachdistrict');"></select>&nbsp;&nbsp;
							<select id="seachcity" name="homecity" onChange="changeCity(this.value,'seachdistrict','seachdistrict');"></select>&nbsp;&nbsp;
							<span id="seachdistrict_div"><select id="seachdistrict" name="seachdistrict"></select></span>
							<!--<input hidden="true" id="areahidden"/>-->
							<!--<input type="button" value="获取地区" onClick="showAreaID()" />
							<input type="hidden" id="input1" name="input1" />-->
							<div><textarea></textarea></div>
							<div style="width: 812px; height: 172px; border-top: 1px solid #CCCCCC;">
								<input type="submit" value="完成" class="renzwanc" id="mm"  onClick="showAreaID()"/></div>
						</div>
					</form>
				</div>

			</div>
		</div>

		<!--加载尾部的内容-->
		<div id="footer01"></div>
	</body>

</html>